'use client'   
import { Button, Typography } from 'antd'
//只有客户端组件才能使用useRouter进行跳转
// rnf：创建一个RN组件
// rfc：创建普通的基于Web浏览器的组件
// import { useRouter } from 'next/router'
import { useRouter } from 'next/navigation'
import React from 'react'
import style from './page.module.css'


export default function Login() {
  //创建路由器对象，用于页面跳转
  let  router = useRouter()
  return (
    <div className={style.page}>
      {/* 标题字 */}
      <Typography.Title style={{color:'#fff'}}>天通苑智慧社区后台管理系统</Typography.Title>
      <Typography.Title level={2} style={{color:'#fff'}}>天通苑智慧社区后台管理系统</Typography.Title>
      <Typography.Title level={3} style={{color:'#fff'}}>天通苑智慧社区后台管理系统</Typography.Title>
      <Typography.Title level={4} style={{color:'#fff'}}>天通苑智慧社区后台管理系统</Typography.Title>
      <Typography.Title level={5} style={{color:'#fff'}}>天通苑智慧社区后台管理系统</Typography.Title>
      <button onClick={_=>router.replace('/admin')}>登录1</button>
      <Button>登录2</Button>
    </div>
  )
}
